<template>
  <a-row>
    <a-col :span="12">
      <Section title="基础信息">
        <col-label-group>
          <col-label label="姓名">{{ detailed.a0001 }}</col-label>
          <col-label label="性别">{{ detailed.a0002 }}</col-label>
          <col-label label="国籍">{{ detailed.a0003 }}</col-label>
          <col-label label="联系邮箱/教师端账号">{{
            detailed.a0004
          }}</col-label>
          <col-label label="联系电话">{{ detailed.a0005 }}</col-label>
          <col-label label="支持讲座">{{ detailed.a0006 }}</col-label>
          <col-label label="美国办负责人">{{ detailed.a0007 }}</col-label>
        </col-label-group>
      </Section>
    </a-col>
    <a-col :span="12">
      <Section title="任职信息">
        <col-label-group>
          <col-label label="任职院校">{{ detailed.a0008 }}</col-label>
          <col-label label="任职专业">{{ detailed.a0009 }}</col-label>
          <col-label label="学历">{{ detailed.a00010 }}</col-label>
          <col-label label="教师端账号">{{ detailed.a00011 }}</col-label>
          <col-label label="级别">{{ detailed.a00012 }}</col-label>
          <col-label label="职位（中文）">{{ detailed.a00013 }}</col-label>
          <col-label label="职位（英文）">{{ detailed.a00014 }}</col-label>
        </col-label-group>
      </Section>
    </a-col>
  </a-row>
  <Section title="教学信息">
    <col-label-group :span="12">
      <col-label label="推荐信成绩要求与注意事项">{{
        detailed.a00015
      }}</col-label>
      <col-label label="是否提交本校申请">{{ detailed.a00016 }}</col-label>
      <col-label label="推荐信可用EDU邮箱">{{ detailed.a00017 }}</col-label>
      <col-label label="是否接受1V1">{{ detailed.a00018 }}</col-label>
      <col-label label="是否录屏">{{ detailed.a00019 }}</col-label>
      <col-label label="教授评级">{{ detailed.a00020 }}</col-label>
      <col-label label="结课形式">{{ detailed.a00021 }}</col-label>
      <col-label label="特点/打分偏好">{{ detailed.a00022 }}</col-label>
      <col-label label="上课时段偏好">{{ detailed.a00023 }}</col-label>
      <col-label label="宣传/炸群话术">{{ detailed.a00024 }}</col-label>
      <col-label label="往期培训资料">{{ detailed.a00025 }}</col-label>
    </col-label-group>
  </Section>
  <Section title="课程信息">
    <div>
      <Table
        ref="tableRef"
        :set-height="false"
        :column="columns"
        :data="tableData"
      ></Table>
    </div>
  </Section>
  <Section title="拓展信息">
    <col-label-group :span="12">
      <col-label label="擅长领域">{{ detailed.a00026 }}</col-label>
      <col-label label="印象标签">{{ detailed.a00027 }}</col-label>
      <col-label label="简介（中文）">{{ detailed.a00028 }}</col-label>
      <col-label label="简介（英文）">{{ detailed.a00029 }}</col-label>
      <col-label label="研究方向（中文）">{{ detailed.a00030 }}</col-label>
      <col-label label="研究方向（英文）">{{ detailed.a00031 }}</col-label>
      <col-label label="往期学员论文（中文）">{{ detailed.a00032 }}</col-label>
      <col-label label="往期学员论文（英文）">{{ detailed.a00033 }}</col-label>
      <col-label label="主页URL">{{ detailed.a00034 }}</col-label>
      <col-label label="介绍视频URL">{{ detailed.a00035 }}</col-label>
      <col-label label="讲座视频URL">{{ detailed.a00036 }}</col-label>
      <col-label label="微信推文URL">{{ detailed.a00037 }}</col-label>
      <col-label label="简历" :span="24">{{ detailed.a00038 }}</col-label>
      <col-label label="备注" :span="24">{{ detailed.a00039 }}</col-label>
      <col-label label="其他附件" :span="24">{{ detailed.a00040 }}</col-label>
    </col-label-group>
  </Section>
  <Section title="合同信息">
    <div>
      <Table
        ref="tableRef"
        :set-height="false"
        :column="columnsContract"
        :data="tableData"
      ></Table>
    </div>
  </Section>
</template>
<script lang="ts" setup>
import { ref, Ref } from "vue";
import Section from "@/components/section/index.vue";
import ColLabel from "@/components/colLabel/index.vue";
import ColLabelGroup from "@/components/colLabelGroup/index.vue";
import type { RowVO } from "./interface";
import { columns, columnsContract } from "./column";
import Table from "@/components/table/index.vue";

const detailed = ref<any>({
  a0001: null,
  a0002: "",
  a0003: "",
  a0004: "",
  a0005: "",
  a0006: "",
  a0007: "",
  a0008: "",
  a0009: "",
  a00010: "",
  a00011: "",
  a00012: "",
  a00013: "",
  a00014: "",
  a00015: "",
  a00016: "",
  a00017: "",
  a00018: "",
  a00019: "",
  a00020: "",
  a00021: "",
  a00022: "",
  a00023: "",
  a00024: "",
  a00025: "",
  a00026: "",
  a00027: "",
  a00028: "",
  a00029: "",
  a00030: "",
  a00031: "",
  a00032: "",
  a00033: "",
  a00034: "",
  a00035: "",
  a00036: "",
  a00037: "",
  a00038: "",
  a00039: "",
  a00040: "",
  a00041: "",
  a00042: "",
  a00043: "",
  a00044: "",
  a00045: "",
  a00046: "",
  a00047: "",
  a00048: "",
  a00049: "",
  a00050: "",
  a00051: "",
  a00052: "",
  a00053: "",
  a00054: "",
  a00055: "",
  a00056: "",
  a00057: "",
  a00058: "",
  a00059: "",
  a00060: "",
  a00061: "",
  a00062: "",
  a00063: "",
  a00064: "",
  a00065: "",
  a00066: "",
  a00067: "",
  a00068: "",
  a00069: "",
  a00070: "",
  a00071: "",
  a00072: "",
  a00073: "",
  a00074: "",
  a00075: "",
  a00076: "",
  a00077: "",
  a00078: "",
  a00079: "",
  a00080: "",
  a00081: "",
  a00082: "",
  a00083: "",
  a00084: "",
  a00085: "",
  a00086: "",
  a00087: "",
  a00088: "",
  a00089: "",
  a00090: "",
  a00091: "",
  a00092: "",
  a00093: "",
  a00094: "",
  a00095: "",
  a00096: "",
  a00097: "",
  a00098: "",
  a00099: "",
});

// ref
const tableData = ref<RowVO[]>([]);
setTimeout(() => {
  tableData.value = [
    {
      id: 12165456,
      name: "Stanley",
      face: "https://img2.baidu.com/it/u=246493236,1763577649&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500",
      gender: "男",
      nationality: "中国",
      number: "MSG000001",
      telphone: "028-12165321",
      account: "admin@sas.upenn.eud",
      wechat: "",
      educational: "宾夕法尼亚大学",
    },
    {
      id: 12165456,
      name: "Stanley",
      face: "https://img2.baidu.com/it/u=246493236,1763577649&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500",
      gender: "男",
      nationality: "中国",
      number: "MSG000001",
      telphone: "028-12165321",
      account: "admin@sas.upenn.eud",
      wechat: "",
      educational: "宾夕法尼亚大学",
    },
    {
      id: 12165456,
      name: "Stanley",
      face: "https://img2.baidu.com/it/u=246493236,1763577649&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500",
      gender: "男",
      nationality: "中国",
      number: "MSG000001",
      telphone: "028-12165321",
      account: "admin@sas.upenn.eud",
      wechat: "",
      educational: "宾夕法尼亚大学",
    },
    {
      id: 12165456,
      name: "Stanley",
      face: "https://img2.baidu.com/it/u=246493236,1763577649&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500",
      gender: "男",
      nationality: "中国",
      number: "MSG000001",
      telphone: "028-12165321",
      account: "admin@sas.upenn.eud",
      wechat: "",
      educational: "宾夕法尼亚大学",
    },
  ];
}, 1000);
</script>
